<!DOCTYPE html>
<html lang="zh">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>计算机协会录取通知书</title>
    <link rel="stylesheet" href="styles.css" />
  </head>

  <body id="app">

    <header>
      <h1>计算机协会欢迎你</h1>
    </header>

    <div class="admission-notice">  
      <div class="content">
        <p style="text-align: left">亲爱的<span class="name" id="name"></span>同学,</p>
        <p>恭喜你成为计算机协会</p>
        <p><span class="department" id="department"></span>的一员</p>
        <hr>
        <p>在接下来的一年里</p>
        <p>希望我们能够一起</p>
        <p>团结协作，共同勉励</p>
        <p>一起谱写</p>
        <p>属于我们计协的美好明天！</p>
      </div>
      <button class="blue-button" onclick="toTD()">神秘二维码</button>
    </div>

    <script>
      const paramStr = window.location.search;
      const params = new URLSearchParams(paramStr);
      document.getElementById('name').innerHTML = params.get('name');
      document.getElementById('department').innerHTML = params.get('department');
      function toTD() {
        window.location.href = "add_group.html";
      }
    </script>
  </body>
</html>
